﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>BingMapsSearch_WinRTJS</title>

    <!-- WinJS references -->
    <link href="//Microsoft.WinJS.1.0/css/ui-dark.css" rel="stylesheet" />
    <script src="//Microsoft.WinJS.1.0/js/base.js"></script>
    <script src="//Microsoft.WinJS.1.0/js/ui.js"></script>

    <!-- BingMapsSearch_WinRTJS references -->
    <link href="/css/default.css" rel="stylesheet" />
    <script src="/js/default.js"></script>

    <!-- Bing Maps references -->
    <script type="text/javascript" src="ms-appx:///Bing.Maps.JavaScript//js/veapicore.js"></script>
    <script type="text/javascript" src="ms-appx:///Bing.Maps.JavaScript//js/veapimodules.js"></script>

    <!-- Our Bing Maps CSS & JavaScript Code -->
    <link href="/css/BingMapsSearch.css" rel="stylesheet" />
    <script src="/js/BingMapsSearch.js"></script>
</head>
<body>
    <div class="leftFrame">
        <!-- Clear Map Button-->
        <div style="height:30px;">
            <button onclick="ClearMap();" class="greenBtn">Clear Map</button>
        </div>

        <!-- Geocoding Input -->
        <div style="height:100px;">
            <h2>Geocode</h2>
            <input id="searchTbx" type="text" style="width:240px;"/>
            <button onclick="Geocode();" class="greenBtn">Go</button>
        </div>

        <!-- Routing Input -->
        <div style="height:150px;">
            <h2>Route</h2>
            From: <input id="fromTbx" type="text" style="width:200px;"/>
            To: <input id="toTbx" type="text" style="margin-left:17px;width:200px;"/>
            <button onclick="GetRoute();" class="greenBtn">Get Directions</button>
        </div>     

        <!-- Route Itinerary Area -->
        <div id="itineraryDiv"></div>
    </div>

    <!-- Map Area-->
    <div id="myMap"></div>
</body>
</html>
